<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美食推荐 - 杭州到连云港赣榆区自驾游攻略</title>
    <style>
        body {
            font-family: "Microsoft YaHei", sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f5f5f5;
            color: #333;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        header {
            background-color: #0078ff;
            color: white;
            padding: 20px 0;
            text-align: center;
            margin-bottom: 30px;
        }
        h1 {
            margin: 0;
            font-size: 2em;
        }
        .subtitle {
            margin-top: 10px;
            font-size: 1.2em;
            opacity: 0.9;
        }
        .nav {
            background-color: white;
            padding: 10px 20px;
            margin-bottom: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .nav a {
            display: inline-block;
            padding: 10px 15px;
            color: #0078ff;
            text-decoration: none;
            font-weight: bold;
        }
        .nav a:hover {
            background-color: #f0f0f0;
            border-radius: 4px;
        }
        .city-section {
            background-color: white;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 30px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .city-name {
            color: #0078ff;
            margin-top: 0;
            margin-bottom: 20px;
            font-size: 1.8em;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }
        .food-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }
        .food-card {
            background-color: #f9f9f9;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }
        .food-name {
            color: #0078ff;
            margin-top: 0;
            margin-bottom: 10px;
            font-size: 1.2em;
        }
        .restaurant-name {
            font-weight: bold;
            margin-bottom: 5px;
        }
        .food-description {
            line-height: 1.6;
            margin-bottom: 10px;
        }
        .food-tag {
            display: inline-block;
            background-color: #e6f3ff;
            color: #0078ff;
            padding: 3px 10px;
            border-radius: 20px;
            font-size: 0.8em;
            margin-right: 5px;
            margin-bottom: 5px;
        }
        .btn {
            display: inline-block;
            padding: 5px 10px;
            background-color: #0078ff;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-size: 0.9em;
            margin-top: 10px;
        }
        .btn:hover {
            background-color: #0056b3;
        }
        footer {
            text-align: center;
            padding: 20px;
            margin-top: 40px;
            color: #666;
            font-size: 0.9em;
        }
        .day-label {
            background-color: #0078ff;
            color: white;
            padding: 3px 8px;
            border-radius: 4px;
            font-size: 0.8em;
            margin-right: 10px;
        }
    </style>
</head>
<body>
    <header>
        <div class="container">
            <h1>美食推荐</h1>
            <div class="subtitle">杭州到连云港赣榆区自驾游攻略</div>
        </div>
    </header>

    <div class="container">
        <div class="nav">
            <a href="index.html">首页</a>
            <a href="杭州到赣榆自驾游路线.html">交互式地图</a>
            <a href="景点详情.html">景点详情</a>
            <a href="美食推荐.html">美食推荐</a>
        </div>

        <!-- 宁波美食 -->
        <div class="city-section">
            <h2 class="city-name">宁波美食</h2>
            <div class="food-grid">
                <div class="food-card">
                    <h3 class="food-name">宁波汤圆</h3>
                    <div class="restaurant-name"><span class="day-label">第1天</span>宁波汤圆店</div>
                    <div class="food-description">宁波汤圆是江南地区著名的传统小吃，皮薄馅大，口感滑嫩。宁波汤圆的馅料多样，有豆沙、芝麻、鲜肉等多种口味，其中以黑芝麻最为经典。宁波汤圆的制作工艺精细，汤圆皮薄如纸，吃起来软糯香甜，是品尝宁波美食的必选之一。</div>
                    <div>
                        <span class="food-tag">传统小吃</span>
                        <span class="food-tag">甜品</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=121.54,29.87&name=宁波汤圆店&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
                
                <div class="food-card">
                    <h3 class="food-name">宁波海鲜</h3>
                    <div class="restaurant-name"><span class="day-label">第1天</span>海鲜餐厅</div>
                    <div class="food-description">宁波临海，盛产各类海鲜。这里的海鲜新鲜美味，烹饪方式多样。推荐尝试红膏炝蟹、清蒸带鱼、醉蟹等特色海鲜。宁波的海鲜烹饪注重保留食材的原汁原味，同时又能巧妙地突出海鲜的鲜美。在宁波品尝海鲜，是一种不可错过的美食体验。</div>
                    <div>
                        <span class="food-tag">海鲜</span>
                        <span class="food-tag">当地特色</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=121.56,29.89&name=海鲜餐厅&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
            </div>
        </div>

        <!-- 嘉兴美食 -->
        <div class="city-section">
            <h2 class="city-name">嘉兴美食</h2>
            <div class="food-grid">
                <div class="food-card">
                    <h3 class="food-name">嘉兴粽子</h3>
                    <div class="restaurant-name"><span class="day-label">第2天</span>嘉兴粽子店</div>
                    <div class="food-description">嘉兴粽子是中国著名的传统美食，以形小、味美、香糯著称。嘉兴粽子选用优质糯米和上等猪肉，配以特制酱油和香料，经过精心包裹和煮制而成。嘉兴粽子的特点是外形小巧，呈四角锥形，吃起来香糯可口，肉馅鲜美。除了传统的肉粽外，还有豆沙、蛋黄等多种口味可供选择。</div>
                    <div>
                        <span class="food-tag">传统美食</span>
                        <span class="food-tag">小吃</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=120.75,30.74&name=嘉兴粽子店&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
                
                <div class="food-card">
                    <h3 class="food-name">南湖菱角</h3>
                    <div class="restaurant-name"><span class="day-label">第3天</span>嘉兴本地菜馆</div>
                    <div class="food-description">南湖菱角是嘉兴南湖的特产，以其肉质鲜嫩、口感清甜而闻名。南湖菱角可以生吃，也可以煮熟后食用，还可以制作成各种美食，如菱角炖排骨、菱角糯米饭等。在嘉兴当地，南湖菱角是一种受欢迎的时令美食，尤其是在夏秋季节，是品尝当地特色的好选择。</div>
                    <div>
                        <span class="food-tag">时令特产</span>
                        <span class="food-tag">当地特色</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=120.76,30.74&name=嘉兴本地菜馆&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
            </div>
        </div>

        <!-- 苏州美食 -->
        <div class="city-section">
            <h2 class="city-name">苏州美食</h2>
            <div class="food-grid">
                <div class="food-card">
                    <h3 class="food-name">松鼠桂鱼</h3>
                    <div class="restaurant-name"><span class="day-label">第3天</span>松鼠桂鱼餐厅</div>
                    <div class="food-description">松鼠桂鱼是苏州著名的传统名菜，以其独特的造型和美味而闻名。这道菜选用新鲜的桂鱼，经过精细的刀工处理，使鱼肉呈现出松鼠尾巴的形状，然后裹上淀粉炸至金黄，最后浇上甜酸汁。成菜后的松鼠桂鱼外酥里嫩，酸甜可口，是苏州菜的代表作之一。</div>
                    <div>
                        <span class="food-tag">传统名菜</span>
                        <span class="food-tag">苏州特色</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=120.58,31.29&name=松鼠桂鱼餐厅&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
                
                <div class="food-card">
                    <h3 class="food-name">碧螺春茶</h3>
                    <div class="restaurant-name"><span class="day-label">第4天</span>苏州本地菜馆</div>
                    <div class="food-description">碧螺春是中国著名的名茶之一，产于苏州太湖的洞庭山。这种茶叶以其鲜爽的口感、浓郁的香气和独特的外形而闻名。碧螺春茶叶细嫩，呈螺旋状，冲泡后茶汤清澈，香气高扬，滋味鲜爽甘醇。在苏州旅行期间，品尝正宗的碧螺春茶，是一种不可错过的文化体验。</div>
                    <div>
                        <span class="food-tag">名茶</span>
                        <span class="food-tag">特产</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=120.58,31.28&name=苏州本地菜馆&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
            </div>
        </div>

        <!-- 南通美食 -->
        <div class="city-section">
            <h2 class="city-name">南通美食</h2>
            <div class="food-grid">
                <div class="food-card">
                    <h3 class="food-name">崇川汤包</h3>
                    <div class="restaurant-name"><span class="day-label">第4天</span>崇川汤包店</div>
                    <div class="food-description">崇川汤包是南通的传统名点，以皮薄馅多、汤汁丰富而著称。这种汤包选用优质面粉和猪肉制作，包法精巧，吃时需小心，先咬一小口，吸食汤汁，然后再食用包子。崇川汤包的馅料鲜美，汤汁浓郁，是南通早餐和小吃的代表之一。</div>
                    <div>
                        <span class="food-tag">传统小吃</span>
                        <span class="food-tag">早餐</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=120.85,32.00&name=崇川汤包店&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
                
                <div class="food-card">
                    <h3 class="food-name">狼山鸡</h3>
                    <div class="restaurant-name"><span class="day-label">第5天</span>南通海鲜餐厅</div>
                    <div class="food-description">狼山鸡是南通的特色菜肴，以南通狼山附近饲养的土鸡为主料制作。这道菜的特点是鸡肉鲜嫩多汁，口感丰富。烹饪方法多样，有炖、炒、煮等多种做法，其中以红烧和清炖最为常见。狼山鸡肉质细嫩，味道鲜美，是南通地区的传统名菜之一。</div>
                    <div>
                        <span class="food-tag">特色菜肴</span>
                        <span class="food-tag">传统名菜</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=120.95,32.07&name=南通海鲜餐厅&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
            </div>
        </div>

        <!-- 盐城美食 -->
        <div class="city-section">
            <h2 class="city-name">盐城美食</h2>
            <div class="food-grid">
                <div class="food-card">
                    <h3 class="food-name">盐城麻糕</h3>
                    <div class="restaurant-name"><span class="day-label">第5天</span>盐城麻糕店</div>
                    <div class="food-description">盐城麻糕是江苏盐城地区的传统小吃，以其香甜软糯的口感而受欢迎。盐城麻糕选用优质糯米粉和白糖制作，外层撒上芝麻，口感软糯香甜，芝麻香气浓郁。这种小吃不仅味道美好，而且携带方便，是盐城地区的特色美食之一，也是馈赠亲友的佳品。</div>
                    <div>
                        <span class="food-tag">传统小吃</span>
                        <span class="food-tag">甜点</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=120.15,33.34&name=盐城麻糕店&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
                
                <div class="food-card">
                    <h3 class="food-name">大纵湖螃蟹</h3>
                    <div class="restaurant-name"><span class="day-label">第5天</span>大纵湖螃蟹馆</div>
                    <div class="food-description">大纵湖螃蟹是盐城的特色美食，以其肉质鲜美、膏满黄肥而闻名。大纵湖水质优良，生态环境好，孕育出的螃蟹个头大、肉质鲜美。这种螃蟹的烹饪方法多样，有清蒸、醉蟹、蟹粉豆腐等多种做法，其中以清蒸最能保留螃蟹的原汁原味。在盐城旅行期间，品尝大纵湖螃蟹是一种不可错过的美食体验。</div>
                    <div>
                        <span class="food-tag">特色美食</span>
                        <span class="food-tag">海鲜</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=120.17,33.36&name=大纵湖螃蟹馆&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
            </div>
        </div>

        <!-- 连云港赣榆区美食 -->
        <div class="city-section">
            <h2 class="city-name">连云港赣榆区美食</h2>
            <div class="food-grid">
                <div class="food-card">
                    <h3 class="food-name">王记海鲜私房菜</h3>
                    <div class="restaurant-name"><span class="day-label">第7天</span>王记海鲜私房菜</div>
                    <div class="food-description">王记海鲜私房菜是连云港赣榆区的知名餐厅，以新鲜的海鲜和独特的烹饪方式而闻名。这里的海鲜取自近海，新鲜度高，烹饪方式注重保留海鲜的原汁原味。推荐尝试清蒸大黄鱼、葱烧海参、蒜蓉蒸扇贝等特色菜品。餐厅环境优雅，服务周到，是品尝正宗海鲜美食的好去处。</div>
                    <div>
                        <span class="food-tag">海鲜</span>
                        <span class="food-tag">特色餐厅</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=119.25,34.81&name=王记海鲜私房菜&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
                
                <div class="food-card">
                    <h3 class="food-name">渔歌海鲜私房菜</h3>
                    <div class="restaurant-name"><span class="day-label">第7天</span>渔歌海鲜私房菜</div>
                    <div class="food-description">渔歌海鲜私房菜是连云港赣榆区的特色餐厅，以新鲜的海鲜和地道的烹饪技艺著称。餐厅的海鲜品种丰富，包括各类鱼、虾、蟹、贝类等，烹饪方式多样，能够满足不同顾客的口味需求。推荐尝试红烧大黄鱼、葱爆海虾、蒜蓉蒸扇贝等特色菜品。餐厅环境舒适，是享用海鲜大餐的理想场所。</div>
                    <div>
                        <span class="food-tag">海鲜</span>
                        <span class="food-tag">特色餐厅</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=119.28,34.79&name=渔歌海鲜私房菜&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
                
                <div class="food-card">
                    <h3 class="food-name">潘氏风味</h3>
                    <div class="restaurant-name"><span class="day-label">第8天</span>潘氏风味餐厅</div>
                    <div class="food-description">潘氏风味是连云港赣榆区的特色餐厅，以其独特的烹饪风格和地道的口味而受欢迎。餐厅的菜品融合了江苏和山东的烹饪特点，口味鲜美，风格独特。推荐尝试糖醋排骨、红烧狮子头、炒海蜇等特色菜品。餐厅环境舒适，服务热情，是品尝当地美食的好去处。</div>
                    <div>
                        <span class="food-tag">特色餐厅</span>
                        <span class="food-tag">地方风味</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=119.12,34.86&name=潘氏风味餐厅&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
                
                <div class="food-card">
                    <h3 class="food-name">朱雷农家院餐馆</h3>
                    <div class="restaurant-name"><span class="day-label">第8天</span>朱雷农家院餐馆</div>
                    <div class="food-description">朱雷农家院餐馆是连云港赣榆区的特色餐厅，以其地道的农家菜和淳朴的环境而闻名。餐厅的菜品多采用当地新鲜食材制作，口味朴实，风格独特。推荐尝试农家炖鸡、地锅菜、农家炒野菜等特色菜品。餐厅环境淳朴，服务热情，是体验当地农家风味的好去处。</div>
                    <div>
                        <span class="food-tag">农家菜</span>
                        <span class="food-tag">地方风味</span>
                    </div>
                    <a href="https://uri.amap.com/marker?position=119.19,34.89&name=朱雷农家院餐馆&src=mypage&coordinate=gaode&callnative=1" target="_blank" class="btn">导航到这里</a>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="container">
            <p>© 2025 杭州到连云港赣榆区自驾游攻略 | 使用高德地图API提供地图服务</p>
        </div>
    </footer>
</body>
</html> 